<!DOCTYPE html>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<html>
<head>
<title>#{get 'title' /}</title>
<meta charset="${_response_encoding}">
<link rel="stylesheet" media="screen"
	href="@{'/public/stylesheets/main.css'}">
<link rel="stylesheet" media="screen"
	href="@{'/public/stylesheets/bootstrap.css'}">
<link rel="icon" href="@{'/public/images/images/favicon.ico'}">
<link rel="shortcut icon" href="@{'/public/images/images/favicon.ico'}" />
<link href="@{'/public/stylesheets/bootstrap-responsive.css'}"
	rel="stylesheet">
<link href="@{'/public/stylesheets/bootstrap-responsive.min.css'}"
	rel="stylesheet">

<script src="@{'/public/javascripts/js/jquery.js'}"></script>
<script src="@{'/public/javascripts/js/jquery-migrate-1.1.1.js'}"></script>
<script src="@{'/public/javascripts/js/superfish.js'}"></script>
<script src="@{'/public/javascripts/js/jquery.easing.1.3.js'}"></script>
<script src="@{'/public/javascripts/js/sForm.js'}"></script>
<script src="@{'/public/javascripts/jquery-1.10.1.js'}"></script>
<script src="@{'/public/javascripts/bootstrap.js'}"></script>
<script src="@{'/public/javascripts/bootstrap.min.js'}"></script>
<script
	src="@{'/public/javascripts/js/jquery.carouFredSel-6.1.0-packed.js'}"></script>

#{get 'moreStyles' /}

<link rel="shortcut icon" type="image/png"
	href="@{'/public/images/favicon.png'}">
<script src="@{'/public/javascripts/jquery-1.10.1.js'}"
	type="text/javascript" charset="${_response_encoding}"></script>

#{get 'moreScripts' /}

</head>
<body>
	<div class="container-fluid" style="background-color: #f2f0f0">
		<div class="row-fluid" class="span12">
			<div class="span10 offset1" style="background-color: #5fa022"></div>
			<div class="row-fluid">
				<div class="span10 offset1" style="background-color: #FFFFFF">
					<div class="span1">
						<img src="../../public/images/logo1.JPG" alt="" width="100">
					</div>
					<div class="span11">
						<div class="navbar">
							<div class="navbar-inner">
								<div class="container">
									<a class="btn btn-navbar" data-toggle="collapse"
										data-target=".nav-collapse"> <span class="icon-bar"></span>
										<span class="icon-bar"></span> <span class="icon-bar"></span>
									</a>
									<div class="nav-collapse collapse">
										<ul class="nav nav-tabs">
											<li class="${request.action =~ /home/ ? 'active' : ''}"><a
												href="@{Application.Home()}">Home</a></li>
											<li class="${request.action =~ /Shop.index/ ? 'active' : ''}"><a
												href="@{Shop.index()}">Shop</a></li>
											<li class="${request.action =~ /Shop.cart/ ? 'active' : ''}"><a
												href="@{Shop.cart()}">Shopping cart</a></li>
											<li class="${request.action =~ /Aboutus/ ? 'active' : ''}"><a
												href="@{Application.Aboutus}">About us</a></li>
											<li class="${request.action =~ /contact/ ? 'active' : ''}"><a
												href="@{Application.contact}">Contact</a></li>
										</ul>
										<form class="navbar-form pull-right">
											#{if connected} <a href="@{Application.profile}">My
												profile</a> &nbsp; <a href="@{Application.logout}">Logout</a>
											#{/if} #{else} <a href="/Application/signin">Sign up</a>
											&nbsp; <a href="/Application/login">Log in</a> #{/else}
										</form>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="row-fluid">
				<div class="span10 offset1" style="background-color: #FFFFFF">
					<!-- ul class="breadcrumb">
					<li><a href="#">Home</a> <span class="divider">/</span></li>
					<li><a href="#">Library</a> <span class="divider">/</span></li>
			<li class="active">Data</li>
					</ul-->
					#{doLayout/}
				</div>
			</div>
			<div class="row-fluid">
				<div class="bottom_block">
					<div class="span10 offset1" style="background-color: #5fa022"
						class="row-fluid">
						<div class="span2 offset1">
							<h3>Follow us!</h3>
							<br /> <a href=""><img src="../../public/images/fb1.png"
								width="40"></a> <a href=""><img
								src="../../public/images/twitter.png" width="40"></a> <a
								href=""><img src="../../public/images/goog.png" width="40"></a>
						</div>
						<div class="span5 offset1">
							<h3>&emsp;&emsp;&emsp;&emsp;Quick links</h3>
							<nav>
								<ul>
									<li><a href="/Application/home">Home</a></li>
									<li><a href="/shop/">Shop</a></li>
									<li><a href="/shop/cart">Shopping cart</a></li>
									<li><a href="/Application/Aboutus">About us</a></li>
									<li><a href="/Application/contact">Contact</a></li>
								</ul>
							</nav>
						</div>
						<div class="span3 ">
							<h3>Email Updates</h3>
							<form id="newsletter" action=@{Application.updates()}
								method="POST" accept-charset="${_response_encoding}">
								<div class="success">Subscribe to our newsletter!</div>
								<br /> <label class="email"> <input
									class="input-block-level" name="email" id="email"
									placeholder="Enter e-mail address"> </br>
									<p class="buttons">
										<input type="submit" value="Subscribe" id="updates"
											class="btn btn-primary btn-medium" />
								</label>
							</form>
						</div>
						<div class="row-fluid">
							<div class="span3 offset9">
								<div id='footer-copyright' style="text-align: right">
									<p>&copy; Munching 2013 &nbsp;</p>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</body>
</html>
